{% extends "conmon/style.html" %}{% block content %}
<style>
	.rowtable tbody tr td{min-width: 240px;max-width: 300px;}
</style>
<form id="myform" action="">
<div class="layui-form layui-form-pane" action="">	
<div class="container1">
	<div class="header">
		<div class="Mytab">
			<table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
				<tr>
					<td width="5%"><p style="text-align: center;">*统一社会信用代码</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></td>
					<td width="6%"><p style="text-align: center;">机构名称</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">*机构内身份</p></td>
					<td>
						<p>
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="modules" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">layer</option>
									<option value="2">form</option>
								</select>
							</div>
						</p>
					</td>
					<td width="10%"><p style="text-align: center;">*人员状态</p></td>
					<td>
						<p>
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="modules" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">layer</option>
									<option value="2">form</option>
								</select>
							</div>
						</p>
					</td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">*姓名</p></td>
					<td><p><input type="text" style="text-align: left;" value="{{data.gfyhzh}}" /></p></td>
					<td width="10%"><p style="text-align: center;">*性别</p></td>
					<td>
						<input type="radio" name="sex" value="男" title="男" checked="">
						<input type="radio" name="sex" value="女" title="女">
					</td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">*证件类别</p></td>
					<td>
						<p>
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="modules" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">layer</option>
									<option value="2">form</option>
								</select>
							</div>
						</p>
					</td>
					<td width="10%"><p style="text-align: center;">*证件号码</p></td>
					<td><p><input type="text" style="text-align: left;" value="{{data.gfyywdmc}}" /></p></td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">*从事涉税专业服务时间（年）</p></td>
					<td colspan="3"><p><input type="text" style="text-align: left;" value="{{data.gfkhyh}}" /></p></td>
				</tr>	
			</table>
		</div>	 
	</div>
	<div class="header">
		<div class="Mytab">
			<table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
				<thead>从事涉税专业服务情况</thead>
				<tr>
					<td width="5%"><p style="text-align: center;">*入职日期</p></td>
					<td><p><input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input"></p></td>
					<td width="6%"><p style="text-align: center;">*国籍</p></td>
					<td>
						<p>
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="modules" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">layer</option>
									<option value="2">form</option>
								</select>
							</div>
						</p>
					</td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">*学历</p></td>
					<td>
						<p>
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="modules" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">layer</option>
									<option value="2">form</option>
								</select>
							</div>
						</p>
					</td>
					<td width="10%"><p style="text-align: center;">*政治面貌</p></td>
					<td>
						<p>
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="modules" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">layer</option>
									<option value="2">form</option>
								</select>
							</div>
						</p>
					</td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">*移动电话</p></td>
					<td><p><input type="text" style="text-align: left;" value="{{data.gfyhzh}}" /></p></td>
					<td width="10%"><p style="text-align: center;">*是否党支部书记(党组织负责人)</p></td>
					<td>
						<input type="radio" name="sex" value="是" title="是" checked="">
						<input type="radio" name="sex" value="否" title="否">
					</td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">电子邮箱</p></td>
					<td colspan="3"><p><input type="text" style="text-align: left;" value="{{data.gfkhyh}}" /></p></td>
				</tr>
			</table>
		</div>	 
	</div>
	<div class="header">
		<div class="Mytab">
			<table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
				<thead>涉税专业资格及证书名称</thead>
				<tr>
					<td width="5%">资格证书名称</td>
					<td>资格证书编号</td>
					<td width="6%">发证机关</td>
					<td>取得时间</td>
				</tr>
				<tr>
					<td width="10%">
						<p>
							<div class="layui-inline" style="width:98%; display:block; margin:auto;">
								<select name="modules" lay-verify="required" lay-search="">
									<option value="">直接选择或搜索选择</option>
									<option value="1">layer</option>
									<option value="2">form</option>
								</select>
							</div>
						</p>
					</td>
					<td></td>
					<td width="10%"></td>
					<td><p> <input type="text" name="date" id="date1" lay-verify="date1" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input"></p></td>
				</tr>
			</table>
			<div style="margin: 15px 0 15px 0;text-align: center;">
				<input type="button" value="添加行" class="darkbluebtn" />
				<div class="My_btn_small orgbtn">删除行</div>
			</div>
		</div>	 
	</div>
	<div class="header">
		<div class="Mytab">
			<table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
				<tr>
					<td width="10%"><p style="text-align: center;">*经办人员</p></td>
					<td><p><input type="text" style="text-align: left;" value="{{data.gfdz}}" /></p></td>
					<td width="10%"><p style="text-align: center;">税务机关</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></td>
				</tr>
				<tr>
					<td width="10%"><p style="text-align: center;">接收人</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></td>
					<td width="10%"><p style="text-align: center;">采集日期</p></td>
					<td><p><input type="text" style="text-align: left;" value="自动带出，不可修改" disabled /></p></td>
				</tr>
			</table>
		</div>	 
	</div>
	<div class="header">
		<div class="Mytab">
			<table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
				<thead>附送资料</thead>
				<tr>
					<td width="10%"><p style="text-align: center;">附件文书</p></td>
					<td>附件状态</td>
					<td width="10%">标志</td>
					<td>附件数量</td>
					<td>操作</td>
				</tr>
				<tr>
					<td width="10%">身份证影印件（正反面）</td>
					<td>未上传</td>
					<td width="10%">必送</td>
					<td>0</td>
					<td><input type="file"></td>
				</tr>
				<tr>
					<td width="10%">资格证书影印件</td>
					<td>未上传</td>
					<td width="10%">必送</td>
					<td>0</td>
					<td><input type="file"></td>
				</tr>
			</table>
		</div>	 
	</div>
	<table id="demo" lay-filter="djtable"></table>
	<div style="margin: 15px 0 15px 0;text-align: center;">
		<input type="button" value="报送" class="darkbluebtn" />
		<input type="button" value="返回" class="darkbluebtn" />
	</div>
</div>
</div>
</form>
<!-- <script src="/public/dist/ssfw/index.js"></script> -->
<script>
		layui.use(['form', 'layedit', 'laydate'], function(){
			var form = layui.form
			,layer = layui.layer
			,layedit = layui.layedit
			,laydate = layui.laydate;
			
			//日期
			laydate.render({
			elem: '#date'
			});
			laydate.render({
			elem: '#date1'
			});
			
			//创建一个编辑器
			var editIndex = layedit.build('LAY_demo_editor');
			
			//自定义验证规则
			form.verify({
			title: function(value){
				if(value.length < 5){
				return '标题至少得5个字符啊';
				}
			}
			,pass: [/(.+){6,12}$/, '密码必须6到12位']
			,content: function(value){
				layedit.sync(editIndex);
			}
			});
			
			//监听指定开关
			form.on('switch(switchTest)', function(data){
			layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
				offset: '6px'
			});
			layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
			});
			
			//监听提交
			form.on('submit(demo1)', function(data){
			layer.alert(JSON.stringify(data.field), {
				title: '最终的提交信息'
			})
			return false;
			});
		});
		</script>
{% endblock %}